@charset "gb2312";
html{ overflow-x:hidden}
*{ padding:0; margin:0;}
body{ font:12px/24px "Î¢ÈíÑÅºÚ"; color: #5a5a5a}
img{ border:0;}
li{ list-style:none;}
a{ color:#6d6d6d; text-decoration:none;}
a:hover{ color:#009b4f; text-decoration:none;}
.remove{ clear:both; visibility:hidden;}
.dno{ display:none}

.top{ height:35px; line-height:35px; background:#f2f2f2;}
.top .top_c{ width:1200px; margin:0 auto; overflow:hidden; color:#949494}
.top .top_c a{ display:block; padding-left:20px; margin-left:18px; float:right; color:#949494}
.top .top_c a.a1{ background:url(../images/index_03.jpg) no-repeat left}
.top .top_c a.a2{ background:url(../images/index_05.jpg) no-repeat left }

header{ width:1200px; height:115px; overflow:hidden; margin:0 auto}
header h1{ width:239px; height:115px; float:left; background:url(../images/logo.jpg) no-repeat}
header nav{ width:855px; padding-top:40px; float:right; overflow:hidden}
header nav a{ display:block; width:95px; height:35px; font-size:14px; line-height:35px; float:left; text-align:right; color:#666565}
header nav a:hover{ color:#009b4f}

.banner{ height:446px; position:relative}
.banner ul li{ position:absolute; width:1900px; left:50%; text-align:center; margin-left:-950px}

.banner .b_prev,.banner .b_next{ width:32px; height:54px; position:absolute; top:50%; margin-top:-27px; z-index:4; cursor:pointer}
.banner .b_prev{ left:5%; background:url(../images/b_prev.png) no-repeat}
.banner .b_next{ right:5%; background:url(../images/b_next.png) no-repeat}

.product{ width:1200px; margin:0 auto; padding-top:140px; background:url(../images/index_15.jpg) no-repeat center 38px}
.product .p_nav{ text-align:center; width:704px; margin:0 auto; overflow:hidden}
.p_nav li{ width:88px; cursor:pointer; float:left; padding-top:17px; font-size:14px; line-height:35px; background:url(../images/dian.jpg) no-repeat center top; color:#535353}
.p_nav li.active{ background:url(../images/dian_on.jpg) no-repeat center top}
.p_nav li.active a{ color:#009b4f;}
.product .p_cen{ padding-top:35px; overflow:hidden; position:relative}
.p_cen .p_prev{ width:62px; height:62px; cursor:pointer; margin-right:8px; margin-top:83px; float:left; background:url(../images/index_22.jpg) no-repeat}
.p_cen .p_next{ width:62px; height:62px; position:absolute; right:0; top:35px; cursor:pointer; margin-top:83px; float:right; background:url(../images/index_25.jpg) no-repeat}
.p_cen .pc_c{ width:1050px; float:left;}
.p_cen .pc_c li{ width:182px; margin:0 14px; float:left; text-align:center; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -o-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
.p_cen .pc_c li img{ width:180px; height:152px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.p_cen .pc_c li p{ height:40px; line-height:40px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#f2f2f2; font-size:14px}
.p_cen .pc_c li em{ display:block; font-style:normal; height:30px; line-height:30px; background:#0097dd; color:#fff; font-size:14px;border-bottom-right-radius:5px;
border-bottom-left-radius:5px;}
.p_cen .pc_c li a:hover img,.p_cen .pc_c li a:hover p{ border-color:#009b4f}
.p_cen .pc_c li:hover{ transform:translateY(-5px); -moz-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.p_cen .pc_c li:hover em{ background:#17a45f;}

.content{ margin-top:42px; background:#fbfbfb; padding:32px 0 50px}
.content .content_c{ width:1200px; margin:0 auto; overflow:hidden}
.content_c .about,.content_c .news{ width:442px; float:left}
.content_c h2{ height:20px; font-size:20px; color:#17a45f; padding-bottom:15px; font-weight:lighter}
.content_c h2 i{ font-style:normal; font-size:14px; color:#bdbdbd}
.content_c .cc_con{ background:#fff; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:20px;}
.content_c .cc_con p{ color:#6d6d6d; overflow:hidden}
.content_c .cc_con p img{ width:133px; height:95px; display:block; float:left; margin-right:10px}
.content_c .cc_con a.cc_more{ display:block; cursor:pointer; width:130px; height:30px; border:1px solid #009b4f; text-align:center; line-height:30px; font-size:15px; margin:25px auto 0; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; color:#17a45f}
.content_c .cc_con a.cc_more:hover{ color:#fff; background:#009b4f}
.content_c .cc_con ul li a{ display:block; height:25px; background:url(../images/index_37.jpg) no-repeat 6px; padding-left:20px;}
.cc_con ul li a i{ width:80px; float:right; text-align:right; font-style:normal; color:#c4c4c4}
.cc_con ul li a:hover i{ color:#17a45f;}
.content_c .contact{ width:315px; float:right;}
.content_c .cc_con span{ display:block; line-height:31px; padding-left:30px; background:url(../images/index_34.jpg) no-repeat left 7px}
.cc_con span em{ font-style:normal; color:#17a45f;}
.contact .cc_con{ border-right:1px solid #e6e6e6;}
.content_c .cc_con p,.content_c .cc_con ul,.content_c .cc_con span{ height:175px;}

footer{ background:#f2f2f2; padding:30px 0; border-top:1px solid #fff}
footer .f_cen{ width:1072px; margin:0 auto; overflow:hidden}
footer .f_cen .sub_logo{ width:246px; height:82px; float:left; background:url(../images/index_43.jpg) no-repeat;}
footer .f_cen p{ width:740px; padding-top:18px; line-height:28px; float:right; text-align:right}
footer .f_cen p a{ color:#17a45f}


.about_content{ border-top:1px solid #f0f0f0; padding:0 0 35px}

.mbx{ border-bottom:1px solid #f0f0f0}
.mbx .mbx_con{ width:1200px; height:35px; line-height:35px; margin:0 auto}
.mbx_con p{ padding-left:16px; background:url(../images/about_03.jpg) no-repeat left}
.mbx_con b{ display:block; float:right; color:#17a45f; font-size:14px}

.about_content .ac_con{ width:1200px; margin:20px auto 0; overflow:hidden}
.ac_con .acc_left{ width:210px; float:left; border:1px solid #f0f0f0}

.acc_left h3{ height:40px; line-height:40px; padding:0 20px; font-size:14px; background:#17a45f; color:#fff; font-weight:lighter}
.acc_left ul li{ padding-left:35px; background:url(../images/about_07.jpg) no-repeat 20px; height:35px; line-height:35px;  border-top:1px solid #f0f0f0}
.acc_left ul li:hover{ background:#17a45f; border-top:1px solid #fff;}
.acc_left ul li:hover a{ color:#fff}
.acc_right{ width:960px; float:right;}
.acc_right h2{ font-size:20px; color:#000}
.acc_right .abanner{ background:#f0f0f0; height:175px;}
.abanner img{ width:775px; height:175px; float:left}
.abanner p{ width:185px; height:130px; padding-top:45px; background:#17a45f; font-size:30px; line-height:40px; text-align:center; color:#fff; float:left}
.abanner p i{ display:block; color:#044b28; font-style:normal; font-size:22px}
.acc_right .ar_con{ padding:20px 0}

.acr_news li{ padding:10px 20px 10px 40px; overflow:hidden; background:url(../images/about_07.jpg) no-repeat 20px 19px; border-top:1px dotted #ccc;}
.acr_news li a{ display:block; color:#333; font-size:14px; width:450px; float:left}
.acr_news li a:hover{ color:#17a45f;}
.acr_news li p{ width:150px; float:right; text-align:right; color:#666}
.acr_news li span{ display:block; clear:both; color:#cecece; line-height:18px; padding-top:5px}
.acr_news li:hover{ background:#f9f9f9 url(../images/about_07.jpg) no-repeat 20px 19px}

.al_page{ width:100%; overflow:hidden; padding-top:20px; border-top:1px dotted #CCC; margin-top:20px; text-align:center}
.al_page a{ display: inline-block; text-align:center; margin-right:5px; height:20px; line-height:20px; background:#17a45f; padding:2px 5px; color:#fff}
.al_page a:hover{ background:#076a39; color:#FFF}

.acr_pro{ width:100%; overflow:hidden; margin-top:15px}
.acr_pro li{ width:210px; float:left; padding:4px 4px 6px; border:1px solid #ccc; margin:0 10px 20px; _display:inline; text-align:center}
.acr_pro li img{ width:210px; height:150px; display:block; background:#fff}
.acr_pro li a{ color:#000}
.acr_pro li a:hover{ color:#17a45f}
.acr_pro li a:hover b{ background:#17a45f;}
.acr_pro li p{ height:30px; line-height:30px; display:block;}
.acr_pro li b{ display:block; height:25px; margin:0 40px; line-height:25px; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; background:#0097dd; color:#fff}
.acr_pro li:hover{ border:1px solid #17a45f;}

.gen_details_title { font-size: 16px; font-weight: bold; }
.gen_details_center { text-align: center; }